<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>

<!-- datagrid数据表格 -->
<table id="albummyDatagrid"></table>
<!-- datagrid数据表格==END== -->

<!-- 按钮 -->
<div id="albummyBtnDiv">
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" onclick="toOpenAdd()">添加</a>
</div>
<!-- 按钮===END=== -->


<!-- 添加对话框 -->
<div id="albummyAddDialogDiv" class="easyui-dialog" data-options="closed:true, width: 600, height: 400" >
    <form method="post" id="albummyForm" enctype="multipart/form-data">
        专辑名字：<input type="text" name="albumName"/><br/><br/>
        专辑封面：<input type="file" name="picture"/><br/><br/>
        作者：<input type="text" name="albumAuthor"/><br/><br/>
        播音：<input type="text" name="albumTeller"/><br/><br/>
        集数：<input type="text" name="albumEpisodes"/><br/><br/>
        内容简介：<input type="text" name="albumContent"/><br/><br/>
        评分：<input type="text" name="albumStar"/><br/><br/><br/><br/>
        <input type="button" value="添加" onclick="doAddSubmit()">
    </form>
</div>
<!-- 添加对话框===END=== -->


<!-- 修改 -->
<div id="albummyUpdateDialogDiv" class="easyui-dialog" data-options="closed:true, width: 600, height: 400">
    <form method="post" id="albummyUpdateForm" enctype="multipart/form-data">
        <input type="hidden" name="albumId" id="updatealbumId"><br/><br/>
        专辑名字：<input type="text" name="albumName" id="updatealbumName"/><br/><br/>
        专辑封面：<input type="file" name="picture"/><br/><br/>
            <input type="hidden" name="albumImage" id="updatealbumImage"/>
            <img src="" width="100" height="100" id="srcalbumImage"/><br/><br/>
        作者：<input type="text" name="albumAuthor" id="updatealbumAuthor"/><br/><br/>
        播音：<input type="text" name="albumTeller" id="updatealbumTeller"/><br/><br/>
        集数：<input type="text" name="albumEpisodes" id="updatealbumEpisodes"/><br/><br/>
        内容简介：<input type="text" name="albumContent" id="updatealbumContent"/><br/><br/>
        评分：<input type="text" name="albumStar" id="updatealbumStar"/><br/><br/><br/><br/>
        <input type="button" value="修改" onclick="doUpdateSubmit()">
    </form>
</div>
<!-- 修改 ===END===-->

<script type="text/javascript">
    $(function (){

        /* datagrid展示数据 */
        $("#albummyDatagrid").datagrid({
            url:'${pageContext.request.contextPath}/album/showAll',
            pagination:true,
            columns:[[
                {field:'id',title:'编号'},
                {field:'name',title:'专辑名称'},
                {field:'albumImage',title:'专辑封面',formatter: function(value,row,index){
                        return " <img src='${pageContext.request.contextPath}"+value+" 'width='30' height='30' />"
                    }
                },
                {field:'albumAuthor',title:'作者'},
                {field:'albumTeller',title:'播音'},
                {field:'albumEpisodes',title:'集数'},
                {field:'albumDate',title:'发布日期'},
                {field:'albumStar',title:'评分'},
                {field:'albumContent',title:'内容简介'},
            ]],
            toolbar: '#albummyBtnDiv',
            /* 双击修改 */
            onDblClickRow:function (rowIndex,rowData){
                $('#albummyUpdateDialogDiv').dialog("open");

                $("#updatealbumId").val(rowData.albumId);
                $("#updatealbumName").val(rowData.name);
                $("#updatealbumImage").val(rowData.albumImage);
                $("#srcalbumImage").prop("src","${pageContext.request.contextPath}"+rowData.albumImage);
                $("#updatealbumAuthor").val(rowData.albumAuthor);
                $("#updatealbumTeller").val(rowData.albumTeller);
                $("#updatealbumEpisodes").val(rowData.albumEpisodes);
                $("#updatealbumContent").val(rowData.albumContent);
                $("#updatealbumStar").val(rowData.albumStar);
            }

        });
        /* datagrid展示数据  结束 */

    });



    /* 添加用户 */
    function toOpenAdd(){
        $('#albummyAddDialogDiv').dialog("open");
    };

    function doAddSubmit(){

        $('#albummyForm').form('submit', {
            url:"${pageContext.request.contextPath}/album/add",
            success:function(data){
                var data=JSON.parse(data);
                if(data.flag){
                    $('#albummyAddDialogDiv').dialog("close");
                    $("#albummyDatagrid").datagrid("reload");
                }else{
                    $.messager.alert('提示框','添加失败，请确认！','warning');
                }
            }
        });
    }
    /* 添加用户 */


    /* 修改 */
    function doUpdateSubmit(){
        $('#albummyUpdateForm').form('submit', {
            url:"${pageContext.request.contextPath}/album/update",
            success:function(data){
                var data=JSON.parse(data);
                if(data.flag){
                    $('#albummyUpdateDialogDiv').dialog("close");
                    $("#albummyDatagrid").datagrid("reload");
                }else{
                    $.messager.alert('提示框','修改失败，请确认！','warning');
                }
            }
        });
    }
    /* 修改 ===END===*/

</script>